import { Layout } from "antd";
import "./index.less"
import AvatarIcon from "./components/AvatarIcon";
import { store } from "@/redux";

function LayoutHeader() {
    const {Header } = Layout;
    const userInfo = store.getState().global.userInfo;
    return ( 
        <Header>
            {/* tab */}
            <div className="header-lf"></div>
            <div className="header-rf">
                <span className="username">{userInfo.username ? userInfo.username : "NETA"}</span>
                <AvatarIcon/>
            </div>
        </Header>
     );
}

export default LayoutHeader;